body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup {
	margin: 0;
	padding: 0
}

input,select,textarea {
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 500
}

ul,ol,li {
	list-style: none
}

em,i {
	font-style: normal
}

del {
	text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 500
}

img {
	border: 0;
	max-width: 100%
}

input,img {
	vertical-align: middle
}

input:focus,a:focus {
	outline: 0
}

a {
	color: #353d44;
	text-decoration: none
}

a:active {
	opacity: .7
}

* {
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box
}

html {
	-webkit-text-size-adjust: none;
	overflow-y: scroll
}

body {
	min-width: 320px;
	line-height: 1.5;
	color: #353d44;
	font-family: Arial,Helvetica,STHeiTi,sans-serif;
	background: #F2F2F2
}

.w {
	margin: 0 auto;
	max-width: 15rem
}

.layout {
	margin: .2rem;
	-webkit-box-sizing: border-box
}

.pdlayout {
	padding: .2rem .6rem
}

.fix:after {
	display: block;
	content: '';
	clear: both;
	visibility: hidden
}

.cl {
	clear: both
}

.fl {
	float: left
}

.fr {
	float: right
}

.block {
	display: block
}

.dib {
	display: inline-block
}

.hide {
	display: none
}

.mt20 {
	margin-top: .4rem!important
}

.mt10 {
	margin-top: .2rem!important
}

.f12 {
	font-size: .58rem
}

.f14 {
	font-size: .58rem
}

.f16 {
	font-size: .58rem
}

.f18 {
	font-size: .58rem
}

.f20 {
	font-size: .58rem
}

.fhalf {
	font-size: .4rem
}

.scale {
	-webkit-transform: scale(.8)
}

.font {
	font-size: .58rem
}

.f30 {
	font-size: .6rem
}

.tr {
	text-align: right
}

.tc {
	text-align: center
}

.pa {
	position: absolute
}

.pr {
	position: relative
}

.gray6 {
	color: #666
}

.gray9 {
	color: #999
}

.vm {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%)
}

.hm {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%)
}

.bold {
	font-weight: 700
}

.of {
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis
}

.wb {
	word-wrap: break-word;
	word-break: break-all;
	text-overflow: ellipsis
}

.snPrice {
	color: #E21D1D
}

.snPrice em {
	padding-left: 2px
}

img.liprice {
	height: 20px!important;
	width: auto!important
}

.p {
	margin: 5px 0
}

.overtouch {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.sn-icon:after {
	position: absolute;
	top: -6px;
	right: -8px;
	bottom: -6px;
	left: -8px;
	content: ' '
}

.input-reset {
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

.wbox {
	display: -webkit-flex!important;
	display: -webkit-box
}

.wbox-flex {
	-webkit-flex: 1!important;
	-webkit-box-flex: 1;
	word-wrap: break-word;
	word-break: break-all
}

.bbox,p,div {
	-webkit-box-sizing: border-box
}

.sn-iconbtn:after {
	position: absolute;
	top: -6px;
	right: -8px;
	bottom: -6px;
	left: -8px;
	content: ' '
}

.sn-block {
	background: #FFF
}

.border-t {
	border-top: 1px solid #DCDCDC
}

.border-b {
	border-bottom: 1px solid #DCDCDC
}

.border-tb {
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC
}

.sn-txt-muted {
	color: #909090
}

.sn-txt-assertive {
	color: #E21D1D
}

.sn-txt-positive {
	color: #eda200
}

.sn-txt-tips {
	color: #CACACA
}

.sn-tag {
	display: inline-block;
	padding: 0 .2rem;
	border-radius: 2px;
	color: #fff;
	font-size: .4rem
}

.sn-tag-a {
	background: #eb3b17
}

.sn-tag-b {
	background: #ee3852
}

.sn-tag-c {
	background: #fc2f4d
}

.sn-tag-d {
	background: #5552AD
}

.sn-tag-e {
	background: #eda200
}

.sn-tag-f {
	background: #ccc
}

.dashed {
	height: 1px;
	font-size: 0;
	overflow: hidden;
	border-top: 1px dashed #DCDCDC
}

.arrow {
	padding-right: .1rem
}

.arrow:after {
	content: "";
	display: inline-block;
	width: .28rem;
	height: .28rem;
	border-style: solid;
	border-color: #7D7D7D;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotateZ(135deg)
}

html {
	font-size: 50px
}

body {
	font-size: 24px
}

@media screen and (min-width:320px) {
	html {
		font-size: 21.33px
	}

	body {
		font-size: 12px
	}
}

@media screen and (min-width:360px) {
	html {
		font-size: 24px
	}

	body {
		font-size: 12px
	}
}

@media screen and (min-width:375px) {
	html {
		font-size: 25px
	}

	body {
		font-size: 12px
	}
}

@media screen and (min-width:384px) {
	html {
		font-size: 25.6px
	}

	body {
		font-size: 14px
	}
}

@media screen and (min-width:400px) {
	html {
		font-size: 26.67px
	}

	body {
		font-size: 14px
	}
}

@media screen and (min-width:414px) {
	html {
		font-size: 27.6px
	}

	body {
		font-size: 14px
	}
}

@media screen and (min-width:424px) {
	html {
		font-size: 28.27px
	}

	body {
		font-size: 14px
	}
}

@media screen and (min-width:480px) {
	html {
		font-size: 32px
	}

	body {
		font-size: 15.36px
	}
}

@media screen and (min-width:540px) {
	html {
		font-size: 36px
	}

	body {
		font-size: 17.28px
	}
}

@media screen and (min-width:720px) {
	html {
		font-size: 48px
	}

	body {
		font-size: 23.04px
	}
}

@media screen and (min-width:750px) {
	html {
		font-size: 50px
	}

	body {
		font-size: 24px
	}
}

@-webkit-keyframes bounce {
	0% {
		left: 0;
		z-index: 1
	}

	5% {
		left: 0;
		z-index: 1
	}

	25% {
		left: .24rem;
		z-index: 1
	}

	50% {
		left: .52rem;
		z-index: 3
	}

	75% {
		left: .24rem;
		z-index: 3
	}

	95% {
		left: 0
	}

	100% {
		left: 0;
		z-index: 3
	}
}

@-webkit-keyframes bounce-left {
	0% {
		left: .52rem
	}

	5% {
		left: .52rem
	}

	25% {
		left: .24rem
	}

	50% {
		left: 0
	}

	75% {
		left: .24rem
	}

	95% {
		left: .52rem
	}

	100% {
		left: .52rem
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

.sn-html5-loading {
	position: relative;
	display: block;
	height: .48rem;
	width: .96rem;
	z-index: 1000;
	margin: 0 auto
}

.fixedLoading {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -.48rem 0 0 -.48rem;
	z-index: 9999
}

.loagMask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	background: rgba(0,0,0,.28)
}

.sn-html5-loading .blueball,.sn-html5-loading .orangeball {
	display: block;
	width: .48rem;
	height: .48rem;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: .6rem;
	background: #eda200;
	-webkit-animation: bounce 1.2s infinite;
	-webkit-animation-timing-function: linear;
	z-index: 3
}

.sn-html5-loading .blueball {
	left: .52rem;
	background: #353d44;
	-webkit-animation: bounce-left 1.2s infinite;
	-webkit-animation-timing-function: linear
}

.sn-mask-loading.fixedLoading {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -.36rem 0 0 -.36rem;
	z-index: 9999
}

.sn-mask-loading {
	width: 1.2rem;
	height: 1.2rem;
	position: relative;
	margin: 0 auto;
	background: rgba(0,0,0,.3);
	border-radius: .2rem;
	z-index: 1000
}

.sn-mask-loading:after {
	content: "";
	position: absolute;
	width: .72rem;
	height: .72rem;
	background: url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAP///////////////////////////////+tNPsIAAAAJdFJOUwD+ELHdi00wbfD3fpAAAADbSURBVCjPY2CgDLBnBBtHFCCLsIWGGgNBE5Ka1tBgoIiJcwJcqKI1NF2BqcLExQOuraMDbAybiUsAVKisA6pB1cUVwmBKS4epb3GBSLKnwW1ndXEC0+rlcHuYoBaUFyGckygClilHcjWLIMgwJiUFhBCHYABYCNlnggboQkyCDiBSATkABAUwQglTCKIRBUCMRwGsggHoQhCnooBEQQzTHUXRhZgFhdCFAlGMUgZhQWR97I4gR6G4qlGQKdURRZGyIBggm2QIFgliQFPliubwRkHM1OSImcKU4SwAH1UgWePsA0wAAAAASUVORK5CYII=);background-size: .72rem;
	top: 50%;
	left: 50%;
	margin: -.36rem 0 0 -.36rem;
	-webkit-animation: rotate .7s infinite;
	-webkit-animation-timing-function: linear
}

.sn-nav {
	position: relative;
	height: 1.76rem;
	background: #F8F8F8;
	line-height: 1.76rem;
	font-size: .6rem;
	border-bottom: 1px solid #DCDCDC
}

.sn-nav-box {
	position: relative;
	height: 1.76rem
}

.sn-nav-title {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	color: #353d44
}

.sn-nav-back,.sn-nav-right {
	margin: 0 .56rem;
	position: absolute;
	width: 19%;
	top: 0
}

.sn-nav-back a,.sn-nav-right a {
	position: absolute;
	top: 0;
	display: block
}

.sn-nav-back {
	position: absolute;
	left: .1rem;
	top: 0;
	width: .48rem;
	height: 1.5rem
}

.sn-nav-back a {
	width: 1.5rem;
	height: 1.5rem;
	text-indent: -100rem;
	overflow: hidden
}

.sn-nav-back:before {
	content: "";
	position: absolute;
	top: .6rem;
	left: 0;
	display: inline-block;
	width: .48rem;
	height: .48rem;
	border: solid #353d44;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(-45deg)
}

.sn-nav-left {
	position: absolute;
	left: 0;
	top: 0;
	height: 1.8rem;
	width: 19%
}

.sn-nav-right {
	position: absolute;
	right: 0;
	top: 0;
	height: 1.8rem;
	width: 19%
}

.sn-nav-right img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	right: 0
}

.sn-nav-right a {
	position: absolute;
	right: 0;
	color: #353d44
}

.nav-more-list {
	display: none;
	position: absolute;
	top: 2.36rem;
	right: -.3rem;
	background: #484F55;
	z-index: 112;
	border: 1px solid transparent;
	border-radius: 2px
}

.nav-more-list:after {
	content: "";
	position: absolute;
	top: -.9rem;
	right: .2rem;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #484F55 transparent;
	border-width: .5rem
}

.nav-more-list li {
	border-bottom: 1px solid #5B6166;
	width: 5rem;
	height: 1.8rem;
	line-height: 1.8rem;
	text-align: left;
	text-indent: 2.7em;
	background: #484F55
}

.nav-more-list li a {
	position: relative;
	display: block;
	width: 100%;
	color: #fff
}

.nav-more-list li a.nav-more-icon:after {
	content: "";
	position: absolute;
	left: .3rem;
	top: 50%;
	margin-top: -.5rem;
	width: 1rem;
	height: 1rem;
	-webkit-mask-repeat: no-repeat;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#fff));
	-webkit-mask-size: 1rem
}

.screenIfm {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .3!important;
	z-index: 111
}

.footer {
	background: #FFF;
	height: 1.92rem;
	line-height: 1.92rem
}

.footer li {
	-webkit-flex: 1!important;
	-webkit-box-flex: 1;
	word-wrap: break-word;
	word-break: break-all;
	text-align: center;
	background: url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABGdBTUEAALGPC/xhBQAAAANQTFRF3d3d7t+OggAAAAxJREFUCNdjYCAPAAAAOAABXibFHwAAAABJRU5ErkJggg==) right center no-repeat;background-size: 1px .56rem;
	width: 25%
}

.footer li:last-child {
	background: 0 0
}

.footer a {
	display: block;
	font-size: .56rem;
	height: 1.92rem;
	overflow: hidden
}

.type-choose .choose {
	position: relative;
	margin: .2rem .4rem 0 0;
	float: left;
	max-width: 3.6rem;
	height: 1.2rem
}

.type-choose .value {
	position: relative;
	z-index: 11;
	padding: 0 .4rem;
	width: 100%;
	top: 1px;
	display: block;
	line-height: 1.2rem;
	overflow: hidden;
	height: 1.2rem
}

.sn-input-radio-filter {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1.2rem;
	border: 1px solid #DCDCDC;
	padding: 0 .2rem;
	background: #FFF;
	z-index: 10
}

.sn-input-radio-filter:checked {
	border: 1px solid #eda200;
	background: #fff url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAAO2iAO2iAO2iAO2iAO2iAO2iAO2iAHBlw4QAAAAHdFJOUwCAvfYYUFItZeQaAAAAXklEQVQY003OywnAIBBFUVNFCkjACsS9LaQGG4iL237QEXLfaobDfFL6c6hOpwEDBgwYMGDAgAEDgjcL7ixoGAi4FhDQ6wRiojwTiInRJ7BXlRZH16pRVxNfRfZXkQ8w/jkRmyn9BAAAAABJRU5ErkJggg==) no-repeat right bottom;background-size: .48rem;
	border-radius: .04rem
}

.sn-input-radio-filter:checked+span {
	color: #eda200
}

.sn-input-radio-filter:disabled+span {
	color: #CACACA
}

.sn-title {
	height: 1.8rem;
	line-height: 1.8rem;
	padding: 0 .6rem;
	font-size: .56rem
}

.pro-list {
	padding: .4rem;
	display: block
}

.pro-list a {
	display: block
}

.pro-list .pro-img {
	margin-right: .4rem
}

.pro-list .pro-img img {
	width: 2.4rem;
	height: 2.4rem;
	display: block;
	border: 1px solid #DCDCDC
}

.pro-list .pro-name {
	line-height: .7rem;
	overflow: hidden;
	margin-bottom: .32rem
}

.pro-list .pro-info {
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center
}

.pro-list .pro-info .list-opra {
	position: absolute;
	right: 0;
	bottom: 0
}

.sn-list-common li {
	position: relative;
	display: -webkit-box;
	border-bottom: 1px solid #DCDCDC
}

.sn-list-common li:last-child {
	border-bottom: none
}

.sn-list-input label.input-text {
	height: 1.2rem;
	line-height: 1.2rem
}

.sn-list-input li {
	position: relative;
	display: -webkit-box;
	margin-left: .6rem;
	padding: .5rem .6rem .5rem 0;
	border-bottom: 1px solid #DCDCDC
}

.sn-list-input li:last-child {
	border-bottom: none
}

.sn-list-div {
	position: relative;
	padding: .6rem;
	border-bottom: 1px solid #E0E0E0
}

.sn-list-div a {
	display: block
}

.sn-list-div a:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: .4rem;
	top: 50%;
	margin-top: -.16rem;
	width: .28rem;
	height: .28rem;
	border-style: solid;
	border-color: #7D7D7D;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotateZ(135deg)
}

.sn-btn {
	display: inline-block;
	text-align: center;
	padding: 0 .5rem;
	height: 1.2rem;
	line-height: 1.2rem;
	border-radius: .1rem
}

.sn-btn.sn-btn-block {
	display: block
}

.sn-btn.sn-btn-assertive {
	background: #E21D1D;
	color: #fff
}

.sn-btn.sn-btn-big {
	height: 1.56rem;
	line-height: 1.56rem;
	font-size: .6rem
}

.sn-btn.sn-btn-dark {
	background: #909090;
	color: #ccc
}

.sn-btn.sn-btn-positive {
	background: #eda200;
	color: #fff
}

.sn-btn.sn-btn-assertive.sn-btn-outline {
	border: 1px solid #E21D1D;
	color: #E21D1D
}

.sn-btn.sn-btn-positive {
	background: #eda200;
	color: #fff
}

.sn-btn.sn-btn-positive.sn-btn-outline {
	border: 1px solid #eda200;
	color: #eda200
}

.sn-btn.sn-btn-dark.sn-btn-outline {
	border: 1px solid #909090;
	color: #333
}

.sn-btn.sn-btn-outline {
	height: 1.2rem;
	padding: 0 .5rem;
	line-height: 1.2rem;
	background: 0 0;
	border-radius: .1rem
}

.sn-tab {
	overflow: hidden;
	width: 100%
}

.sn-tab-nav {
	height: 1.86rem;
	background: #fff;
	line-height: 1.76rem;
	text-align: center;
	box-shadow: 0 -1px 0 #DCDCDC inset
}

.sn-tab-nav li {
	-webkit-flex: 1!important;
	-webkit-box-flex: 1;
	word-wrap: break-word;
	word-break: break-all;
	font-size: .6rem
}

.sn-tab-nav li.current {
	border-bottom: .12rem solid #eda200;
	color: #f29400;
	font-size: .65rem
}

.sn-tab-nav li.disabled {
	color: #cacaca
}

.sn-tab-content {
	-webkit-transition-property: transform;
	-webkit-transition-duration: 300ms;
	-webkit-transition-timing-function: cubic-bezier(0.1,.57,.1,1)
}

.city-list {
	background: #F2F2F2
}

.city-list li {
	height: 1.8rem;
	line-height: 1.8rem;
	border-bottom: 1px solid #DCDCDC;
	text-indent: .6rem
}

.city-list li.cur,.city-list li:hover,.city-list li:active {
	background: #DCDCDC;
	color: #eda200
}

.arrive-state {
	position: relative;
	padding-left: 45px;
	padding-right: 10px;
	overflow: hidden
}

.arrive-state .state {
	position: relative;
	padding: 5px 10px;
	margin-top: 10px
}

.arrive-state .state:after {
	content: "";
	position: absolute;
	top: 19px;
	left: -21px;
	width: 2px;
	height: 110%;
	background: #CCC
}

.arrive-state .state:last-child:after {
	content: "";
	height: 120%;
	overflow: hidden;
	background: 0 0
}

.arrive-state .state .icon {
	position: absolute;
	top: 9px;
	left: -26px;
	width: 12px;
	height: 12px;
	background: #CCC;
	border-radius: 12px
}

.arrive-state .on .icon {
	left: -26px;
	border-radius: 11px;
	border: 3px solid #F6D07F;
	background: #eda200;
	width: 13px;
	height: 13px;
	z-index: 10
}

.sn-fixed {
	position: fixed;
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	left: 0;
	bottom: 0;
	background: #262523;
	z-index: 100;
	color: #909090
}

.sn-input-box {
	margin-left: .1rem;
	overflow: hidden
}

.sn-input {
	width: 100%;
	line-height: 1.2rem;
	border: 1px solid #DCDCDC;
	padding: 0 5px
}

.clo-se-input {
	display: inline-block;
	width: .8rem;
	background: #fff url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURQAAAJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJBDX34AAAAOdFJOUwD+1EAY68AFgF8Sk5YmM0bnrAAAAORJREFUGNNjYAACdutUwbDNBQxQwNUqCAIRC6D8qYIaJuXOTYKREG6NYDKYNhM8DtacKAlVN1EMZAS3qAGUzxy4ASQqDDOXwRCokitwApzPKbqAgUOMAQESGxhKgcrZVIBspwSghnAGQwUGBiYhBwYWRSCfSZhhYwMDkK3C4CQEdB6HNEMiyDYnIRdFLZCNYgyBDgwgBUogaQYWUQZBsLecBLXAbhWE81WgfLh6B4h6qHlLFFUg5kHs0wIKOYDtg7hnAVBMAewesHuzEO5F9w+6f9HDAyO80MMTPbwx4gMjvpDjEwAZ3zJPeAgP+gAAAABJRU5ErkJggg==) no-repeat center;background-size: .6rem
}

.sn-input-text-a {
	border: none;
	width: 100%
}

.sn-switch {
	position: absolute;
	font-size: .64rem;
	right: .6rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	width: 2.08rem;
	height: 1.28rem;
	line-height: 1em
}

.checkbox-switch {
	width: 2.08rem;
	height: 1.28rem;
	position: absolute;
	z-index: 10;
	border: 0;
	background: 0 0;
	-webkit-appearance: none;
	outline: 0
}

.sn-switch input:before {
	content: '';
	width: 2rem;
	height: 1.2rem;
	border: 1px solid #DFDFDF;
	background-color: #FDFDFD;
	border-radius: .8rem;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-user-select: none;
	box-shadow: #DFDFDF 0 0 0 0 inset;
	-webkit-transition: border .4s,-webkit-box-shadow .4s;
	-webkit-background-clip: content-box
}

.sn-switch input:after {
	content: '';
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: 1px;
	left: 0;
	border-radius: 100%;
	background-color: #FFF;
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-webkit-transition: left .2s
}

.sn-switch input:checked:before {
	border-color: #EDA200;
	-webkit-box-shadow: #EDA200 0 0 0 16px inset;
	box-shadow: #EDA200 0 0 0 16px inset;
	background-color: #EDA200;
	-webkit-transition: border .4s,-webkit-box-shadow .4s,background-color 1.2s
}

.sn-switch input:checked:after {
	left: .84rem
}

.sn-checkbox {
	width: .88rem;
	height: .88rem;
	border-radius: .08rem;
	border: 1px solid #DCDCDC
}

.sn-checkbox:checked {
	border-color: #eda200;
	background: #eda200 url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARBAMAAAA4SAFEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAP///////////////////////////////////////////7QJjekAAAAMdFJOUwD+jrvwDD1UbCga4AzsdzgAAAB8SURBVBjTY2BABpwKKFyGEnEULpOgKTKX1VCCgYE9AM6fLZLAwKAIV8LuaAUkVwvD+IpCIKWcjlA7Fgs2gOkUITDFtnEbRJwNIt4ovACqrxDkiCBBuNM4BBMYuAzdEe5QdGNIkZ6A5EyRGagONXQUQvFHsEgBCp9VE84EABN5EA+ig9/6AAAAAElFTkSuQmCC) no-repeat center;background-size: 80%
}

.sn-select {
	position: relative;
	vertical-align: middle
}

.sn-select select {
	display: inline-block;
	text-align: right;
	width: 40%;
	-webkit-appearance: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 .6rem 0 16px;
	max-width: 65%;
	border: none;
	background: #FFF;
	text-indent: .01px;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	direction: rtl;
	color: #909090;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center
}

.sn-select:after {
	content: "";
	position: absolute;
	right: 0;
	top: .3rem;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .2rem;
	border-style: solid;
	border-color: #909090 #FFF #FFF #FFF;
	border-width: .2rem
}

.sn-count {
	width: 4.2rem;
	height: .84rem;
	line-height: .84rem;
	overflow: hidden
}

.sn-count a {
	float: left;
	display: inline-block;
	width: 1.2rem;
	height: .84rem;
	border: 1px solid #DCDCDC;
	background: #F5F5F5;
	text-align: center
}

.sn-count a.cover {
	background-color: #CACACA
}

.sn-count a:after {
	content: "";
	display: inline-block;
	width: .6rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%
}

.sn-count .count-add {
	border-radius: 0 .04rem .04rem 0;
	background: #F5F5F5 url(images/add.png) center no-repeat;
	background-size: .6rem
}

.sn-count .count-min {
	border-radius: 1px 0 0 1px;
	background: #F5F5F5 url(images/min.png) center no-repeat;
	background-size: .6rem 1px
}

.sn-count .count-add:after {
	height: .84rem
}

.sn-count .count-min:after {
	height: 1px
}

.sn-count .count-num {
	float: left;
	width: 1.6rem;
	height: .84rem;
	border: 0 none;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	background: #FFF;
	text-align: center;
	line-height: .84rem;
	font-size: .48rem
}

#Top {
	position: fixed;
	bottom: 1rem;
	right: .6rem;
	border-radius: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	z-index: 50
}

.lazyimg img,.lazybox {
}

.starBar {
	height: .48rem;
	width: 3.2rem;
	-webkit-mask-image: url(images/star.png);
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#DCDCDC),color-stop(100%,#DCDCDC));
	-webkit-mask-size: 3.2rem .48rem
}

.starBarMask {
	height: .48rem;
	background: url(images/star.png) no-repeat;
	background-size: 3.2rem .48rem;
	width: 3.2rem;
	position: absolute;
	left: 0;
	top: 0
}

.sn-ibar {
	position: fixed;
	left: .4rem;
	bottom: 6rem;
	z-index: 102
}

.sn-ibar-toggle {
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	border: 1px solid #2f8ffd;
	background-color: #2f8ffd;
	position: absolute;
	z-index: 999;
	-webkit-transition: all ease .2s;
	-webkit-transform-origin: 50% 50%
}

.sn-ibar-toggle .hline,.sn-ibar-toggle .vline {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	background-color: #fff;
	width: 1px;
	height: .64rem
}

.sn-ibar-toggle .vline {
	height: 1px;
	width: .64rem
}

.sn-ibar-wrap {
	position: absolute;
	z-index: 103;
	width: 8.88rem;
	height: 8.88rem;
	left: -3.68rem;
	top: -3.68rem;
	border-radius: 50%;
	border: 1px solid #dbdbdb;
	background-color: rgba(255,255,255,.8);
	-webkit-transition: all ease .2s
}

.sn-ibar.open .sn-ibar-toggle {
	-webkit-transform: translate3d(0,0,0) rotate(225deg);
	background-color: #fff;
	border-color: #909090
}

.sn-ibar.close .sn-ibar-toggle {
	-webkit-transform: translate3d(0,3.4rem,0) rotate(0deg);
	background-color: #eda200;
	border-color: #eda200
}

.sn-ibar.open .hline,.sn-ibar.open .vline {
	background-color: #909090
}

.sn-ibar.close .hline,.sn-ibar.close .vline {
	background-color: #fff
}

.sn-ibar.open .sn-ibar-wrap {
	opacity: 1;
	-webkit-transform: scale(1);
	pointer-events: auto
}

.sn-ibar.close .sn-ibar-wrap {
	opacity: 0;
	-webkit-transform: scale(0.3);
	pointer-events: none
}

.sn-ibar-wrap .item {
	display: block;
	width: 2.28rem;
	height: 1.8rem;
	position: absolute;
	font-size: 12px;
	color: #353d44;
	z-index: 999
}

.sn-ibar-wrap .item .title {
	text-align: center;
	margin-top: .1rem
}

.sn-ibar-wrap .item:nth-child(1) {
	top: .56rem;
	left: 3.3rem
}

.sn-ibar-wrap .item:nth-child(2) {
	top: 1.64rem;
	left: 5.34rem
}

.sn-ibar-wrap .item:nth-child(3) {
	top: 3.68rem;
	left: 6.5rem
}

.sn-ibar-wrap .item:nth-child(4) {
	top: 5.8rem;
	left: 5.34rem
}

.sn-ibar-wrap .item:nth-child(5) {
	top: 6.6rem;
	left: 3.3rem
}

.sn-ibar-wrap .item .icon {
	width: 1rem;
	height: 1rem;
	margin: 0 auto;
	-webkit-mask-repeat: no-repeat;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#353d44),color-stop(100%,#353d44));
	-webkit-mask-size: 1rem
}

.sn-ibar-wrap .item:nth-child(1) .icon,.nav-more-list li a.nav-more-icon.home-icon:after {
	-webkit-mask-image: url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABJQTFRFLo/9Lo/9Lo/9Lo/9AAAALo/9x5IphwAAAAV0Uk5TWOIgqQDx9kpIAAAA1ElEQVQ4y+2UQRKDIAxF4wzunU45QKd6ASt7GnWvYu5/lVKwIBJ7ArNA4OEnP4IwnAXs+volTogiw5MnAbUc0fI2PGbBEGXqAZXJSU9daBOCqnLPwr6ZkmL2MyinlESV0INNawo7l5ueJ/ts0WYfiN47tI5FIMoktfRDiItiNZwE+LKk4baFTOunB9aAyIi2pgBlxXxQWxJo5pohKBcoO/YU9BM0RGs2PxItgIolprZZjwxZnZ+LXOQ/eS8Zae6O9Mxd6BxBScf4nnV/546gPfzF0vgAsaxKR7EkvqwAAAAASUVORK5CYII=);-webkit-mask-position: 0 0
}

.sn-ibar-wrap .item:nth-child(2) .icon,.nav-more-list li a.nav-more-icon.cart-icon:after,.my-cart .icon {
	-webkit-mask-image: url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABhQTFRFLo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAALo/9QGDOBQAAAAd0Uk5TJJJ1tkXrAPzIW2oAAADnSURBVDjL7ZNNDoIwEIWJC44gJ0AuYOQABNyr0C0o1K1UcK5vM9NKQxlMXDsJi8eXaefnNUgBQC5FACzhc/SnSSbAiXH/ITnM4mJIA6fQPaiOYUskUvNL4p4IFHPSQoFE+ZUlFZKDT7oByc4n1yeS0Cf1aDr1A/7kdyJ4wm4hZTd3rLhtd6xD2gVXCXSV9J2YkBOl715B7pWs43Vkpfu/tK9Esi9rlWTiPFVOgkijD+8tMIJIpMKNLlS6Akk76ux8MO0bgeSmcLpErEDSPXAjZspGILm/5LR0K77k8PfwtfH9rMxgaW5vBXTrw52l9PkAAAAASUVORK5CYII=);-webkit-mask-position: 0 0
}

.sn-ibar-wrap .item:nth-child(3) .icon,.nav-more-list li a.nav-more-icon.search-icon:after {
	-webkit-mask-image: url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABVQTFRFLo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAAhP0sDQAAAAd0Uk5TYzEWntv+AJnAin8AAAEGSURBVDjLjdTNDoMgDABgTaZnk02fwHDfIp43jTs7ofcJC+//CItWJyCN42LMZ5GftpGhRnQsWdXJNt6LqmAeLfNEcWhjprIKBHPlBFd8PcPdEb3CRLUlivfbjxNhiZbFJmNXb8If9j5y8ZM3FLaMkK5S9u7mk2YVXruixSLKnWyajqFo4Z8lThKZz8uX/ImCT3vgt5FJal90j8JTX94CpSt8GeUizBe1COxTAI6Eno1eAb1qeqf06dAnSt8CfXP0be8zZDjOKi8TL4LM3oHKeJCMqJJb14QrqzelZEQ1KgwKVTAGWVUPa9VjULBTzEFBmYPC3WUKCssURHSkUlKi2n+62G58AagQzwmrsXO8AAAAAElFTkSuQmCC);-webkit-mask-position: 0 0
}

.sn-ibar-wrap .item:nth-child(4) .icon,.nav-more-list li a.nav-more-icon.cate-icon:after {
	-webkit-mask-image: url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURQAAADU9RDU9RDU9RDU9RF2IWgwAAAAEdFJOUwAunmbKU26JAAABc0lEQVQ4y7VUbZaCMAxsCweoygFQcgBUDgAl9z/TNp+UXd/+2bd9KomTTJN0Sgi/rvh6PN25PaZsdod17eos5MzqIE5vwI3tAcv7hRjUmTmWOCLndhomj4hr/e0Zr8Gyi2w4UPQiwZFp+t3qoHzdeyGCYbVCZkFp9ZS7jMHjLD8kMsCK71f6KHU5IdvBfEYqgzMz4l6L8D7D9gHhP1P5gMDI/aqbagVmylyW8qM22HUs47dOkw1pQGHN/CXAioqI9xyBmys5XhH9uCOdMCcmtnIjEahpbNWEksN/LdpnNrndG6DzioZWlNrPhdqLuOULeKMBmClVdfRFGH2wYlQ6nSjojGHzM4FR6cdWo5TgJhfhGmsQUeSyHnoziYqKWyU6woLwmTdsUqTHtUh/QipDy9ywHZ0qm8VF1GvjFVjVpFXXq9zGckg5KnXCENyTS6s3WG+BSFU0LOo01Sbcc7QzAXyGG9p27RF3ZynWF83kmoA/SPELxo1H+loQseoAAAAASUVORK5CYII=);-webkit-mask-position: 0 0
}

.sn-ibar-wrap .item:nth-child(5) .icon,.nav-more-list li a.nav-more-icon.ebuy-icon:after {
	-webkit-mask-image: url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFAAAALo/9Lo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAALo/9MGF0hQAAAAl0Uk5TAHoyVr2f4hcACU70ZwAAAe1JREFUOMt1VEtPwzAMTrtHr9NASLsNIUC9VUKAehsTMOUGAoF647Wh3gqMSfwM1jaT/y1O7KQPIJe6sf3Zsf1ZCHs+bhewuDgV7RPsAJ3HrKnwE5gPD8X77h2U44ZHAjcsHkNZ9zqBeyd/wnOl6MGsZrYPVw5LfjeCjgorddW4mU46YUnOWk9YsVOPXYLjiy2GTylSvLaZA5SkCnMyGBAEXB9tc5Ke0m/qlYygLw84QqLhwg1FK+oAXzqCpGhsEE6cXQBUphEZdHPCxluP05GUuv1NBqJPRoJdfU4hfBBfD6zhRyr69jci5sKm5NOxhck1oAU2cbjsGE9GJMaEuloLG49RRJeMJTfAV07jg4b7VJnLBGxTQnUq3tIn+wuVxpfYhSKrNKmTO5cwj9xsqJpGiJqIGhmJvw6+2L60rSltdTq3c/O9exna6lBFPUxMv3GJ+U25oqYLgSyGK8w4SKZ7O2Z4sQumVUsV4QigPY5eMCqpwKbbySsj6fnpoJO5xQnxVINoOJpmksKN6zgfr6CpwkkcTZqcTSMziQEMZJMlIj4j+DhXrQL0IWeWfLc0nuWjXP/DLGRj1mLjzDH4qcXgrGJ9vRXLivW4KWrsfqtvCqxxEbk90dgueiNda7eP7dZGoi22OF/83mJ/bL4fUySQ/0TSZf8AAAAASUVORK5CYII=);-webkit-mask-position: 0 0
}

.sn-ibar-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	z-index: 101
}

.sn-ibar.open .sn-ibar-mask {
	display: block
}

.sn-client-b {
	background: #fff;
	padding: .3rem .5rem;
	height: 1.8rem;
	position: relative
}

.sn-client-a {
	position: absolute;
	right: .5rem;
	border: 1px solid #909090;
	color: #333;
	height: 1rem;
	padding: 0 .4rem;
	line-height: 1rem;
	border-radius: .2rem;
	display: inline-block;
	text-align: center;
	top: .4rem
}

.sn-client-b span,.sn-client-t .sn-client-div {
	background: url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByBAMAAAB985hOAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURSIYFEIyGCIYFCIYFPe0AP///wEAAOOlAfztxvzUbJBpBp2dnbvHHR8AAAADdFJOUwH1Y0bEi/MAAALJSURBVFjD7ZlBb9MwFMcNfAFGB5M4FfEFlmXapHGaMCTZFSy16mmqZJA4RYs4cO7Qem+l5ohWcegVlQtfjjRxEjt9z05eLgjtf4van/7Pz46f/cJYqVcD3y3vGWvqcRsuZ4cN0G+vIRU00UEn0qvBJ343HdNi1eN93Zk8UaTfXbRR1iPFE3tgTy+an4uEB/e2HGHBegnnPBhYwsUye8R3ii3ZtVlaTPFhFpa46ZA9slripk+xBJWWqOkxkqDKEjU9QdZBbYmZejCpWWKmHnNaYqYm+TLhuIIfOHnB7bpHycRBBhjpsjRNdfLQSV4i5NpJXiFk4iQDhORuPZAP5P9Dei3IAUgetSBjiPSSFqS297JOlrop62SpmzLI8tvGqA6bNWTKAMvgTH7S/vtTThPAlAGWl1JOtUcp5SFgyoBRvs/+Wz9fNcjSlAGJVWS0upsvsn82yNKUAVttEW0qdsrQMynXwKbLgIqSZygSQqFfjQxV1aUgzxtFYJNEt4ocNWYl041Gnu7N+FKU+rj321uN3K9itxU5QioaQoai1sJGnuLBCjG2RXuOBwuQN+isZBK64JrPwKIbGeQCLL8MfK1DGxnjK56nSzE5KLUV45TjK94wXWU+32Wpz9nTHH/LdNM81N8V+WX3OMPfbM00n5EPFfncHGuM72BFdkYvFHhdZGmG72CVqVo+E0VuzeUQW3bqci5+5eAbczmAO7UyrRZBHu91Y1JjS0WqF0EW73RbPc0sFamogu/qtTP5U4PqBffbkYb+TTJEyJmTjBBy4T5hIGSLs8kSBMctyNAyTMd5yDJMBxnilq4z2GoPnLc9vaV3plLXuY9+06Hfrug3Ovotkn5z7XFbpt/Qu3UF6J0IeveD3nGhd3nonSV6N4veQevRtaN3CundSXpHtEcXlt757dFtpne46V31Hp38Hl8P6F8senwlIXyZ+QvNquCG1SOlkQAAAABJRU5ErkJggg==) no-repeat left top;background-size: contain
}

.sn-client-b span {
	color: #333;
	display: inline-block;
	height: 1.2rem;
	line-height: .65rem;
	padding-left: 12%;
	width: 75%;
	overflow: hidden
}

.sn-client-t {
	padding: .3rem .5rem;
	height: 1.8rem;
	width: 100%;
	background-color: #484f55;
	position: relative
}

.sn-client-t .sn-client-div {
	padding-left: 12%;
	color: #fff;
	height: 1.2rem;
	line-height: .65rem;
	margin-left: 5%
}

.sn-client-t .sn-client-div p {
	width: 75%;
	height: 1.2rem;
	overflow: hidden
}

.sn-client-t .sn-client-top {
	border: 1px solid #fff;
	color: #fff
}

.sn-client-t .del-ete {
	background: url(data:image/png;
	charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAAP///////////////////////////////////yR8m5UAAAAJdFJOUwAW1ezDO1iAlHYcCaMAAADOSURBVBjTZVG7DsIwDLwWShlLBDtlQdkYoCgbCDF0A8HChsRCtwp+gAmJtS0V/luS9IFIbnEucc72GVC4bsT8iQbOnRSWQc0vNN1jdKOoon3a6nikh45x1OQV+jnf1dwTKiFZtMKHUoqLc8t7eQC/wA9xis4b6IbyzFbAaYZkDLhZAIdL7pZ4pVKDh2DyDv4HsarGsgFXf7wCQnXt8EmmYw7SwoxCHQnC5Ea+qWfWM/vR/a5l7rDq15znf17bD8sv00/Lb3Mf1r7UPqne5xf3NzwjpoAZQAAAAABJRU5ErkJggg==) no-repeat top left;background-position: .2rem .2rem;
	background-size: .7rem;
	display: block;
	position: absolute;
	width: 1rem;
	height: 1rem;
	top: .1rem;
	left: .1rem
}

.sn-loading-type {
	padding: .4rem 0
}

.sn-loading-type .sn-click-loading {
	display: block;
	border: 1px solid #dcdcdc;
	color: #909090;
	padding: .3rem .5rem;
	width: 30%;
	margin: 0 auto;
	text-align: center
}

.sn-loading-type .sn-pull-loading {
	color: #909090;
	display: block;
	text-align: center;
	width: 100%;
	position: relative;
	height: 1.5rem;
	line-height: 1.5rem
}

.sn-loading-type .sn-end-loading {
	width: 100%;
	border: solid #dcdcdc;
	border-width: 1px 0 0 0;
	position: relative;
	margin-top: .3rem
}

.sn-loading-type .sn-end-loading span {
	background: #f2f2f2;
	color: #909090;
	display: block;
	text-align: center;
	position: absolute;
	-webkit-transform: translate(-50%);
	left: 50%;
	margin: 0 auto;
	top: -.7rem;
	padding: .32rem
}

.app-scroller {
	overflow: hidden;
	position: relative
}

.app-scroller-wp {
	position: absolute;
	-webkit-transform: translateZ(0)
}

.app-scroller-wp ul {
	padding: 0;
	margin: 0;
	display: table;
	table-layout: fixed;
	white-space: nowrap;
	width: auto
}

.app-scroller-wp ul li {
	-webkit-box-flex: 1;
	display: inline-block;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	vertical-align: top
}

body {
	background-color: #f2f2f2
}

.line-clamp-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal
}

.index-nav {
	top: 0;
	width: 100%;
	margin: 0 auto;
	z-index: 100
}

.logo {
	width: 100%;
/* 	width: 2.6rem; */
/* 	height: 1.2rem; */
/* 	margin: .28rem 0 0 .4rem */
}

.sticky {
	position: -webkit-sticky!important
}

.search-bar input {
	width: 100%;
	background: #fff;
	height: 1.24rem;
	border-radius: 4px;
	color: #9b9b9b;
	padding: .1rem .3rem .1rem 1.2rem;
	border: 1px solid #dcdcdc;
	-webkit-appearance: none;
	vertical-align: baseline
}

.search-bar a.search {
	display: block;
	position: absolute;
	height: 1.76rem;
	width: 100%;
	z-index: 10
}

.top-d-l-o-a-d img {
	width: 100%
}

.top-d-l-o-a-d .clo-se {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	z-index: 10
}

.top-d-l-o-a-d .click {
	position: relative;
	display: block;
	z-index: 9
}

.top-d-l-o-a-d .openClient {
	position: absolute;
	right: 15px;
	top: 40px;
	width: 50px;
	height: 35px
}

.index-slide {
	width: 100%;
	overflow: hidden;
	margin-top: -1px
}

.index-slide img {
	width: 100%
}

.index-slide .index-slide-box {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 100px
}

.index-slide .index-slide-box ul {
	margin: 0;
	overflow: hidden
}

.index-slide .index-slide-box li {
	position: relative;
	float: left;
	overflow: hidden
}

.index-slide .index-slide-trigger {
	position: absolute;
	right: .1rem;
	top: .7rem;
	text-align: right;
	font-size: 0
}

.index-slide .index-slide-trigger li {
	display: inline-block;
	margin-right: .2rem;
	width: .5rem;
	height: .2rem;
	border-radius: 2px;
	background-color: rgba(255,255,255,.7)
}

.index-slide .index-slide-trigger li.cur {
	background-color: #fff
}

.index-page .copyright {
	padding-bottom: 1.5rem
}

.my-cart {
	width: 1.76rem;
	height: 1.76rem
}

.my-cart a {
	display: block;
	width: 100%;
	height: 100%
}

.my-cart .icon {
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-webkit-mask-repeat: no-repeat;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#353d44),color-stop(100%,#353d44));
	-webkit-mask-size: 1rem
}

.my-cart .count {
	position: absolute;
	right: .1rem;
	top: .1rem;
	min-width: .6rem;
	height: .6rem;
	border-radius: .3rem;
	background: #E21D1D;
	color: #FFF;
	font-size: .5rem;
	text-align: center;
	line-height: 1.2em
}

.my-cart .count em {
	display: block;
	-webkit-transform: scale(0.7)
}

.my-cart .count em i {
	position: absolute;
	right: -4px;
	top: -3px
}

.search-bar {
	margin: 0 .1rem 0 .5rem
}

.search-bar:before,.sn-search-input:before,.sn-search-top input:before {
	content: "";
	position: absolute;
	left: .5rem;
	top: .58rem;
	width: .52rem;
	height: .52rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAABGdBTUEAALGPC/xhBQAAABVQTFRFkZGRkZGRkZGRkZGRkZGRkZGRAAAAnkRl7AAAAAd0Uk5TTNNpHJvmADXqZbQAAACYSURBVBjTXZBBDsIwDASNBJxBkB+QvgByRqD0TEJ8R0m1/39C3YbQmj15JMveXQJQLiY8nAwgAc+i5Cpt+O7Klg8zZX5OS1fuJtpFzLIvoWK6Sjk40JDwle9Bt3cjmcj2jYYI8vtGnwQyrlEJIMZP/E96U1/RH/R37Uy7XhIllVbiLk2cOa5bstxRbfAoDWaOtNiEDWvKpxHGd3Q9Xz+cPgAAAABJRU5ErkJggg==);background-size: cover
}

.sn-active,.sn-active body {
	overflow: hidden
}

.app-scroller-wp .scroll-to-more {
	width: .9rem;
	height: 100%;
	background-color: #fff;
	background-image: url(images/scroll-to-more.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain
}

.app-scroller-wp .scroll-to-more a {
	width: 100%;
	height: 100%
}

.floor-wp {
	margin: 0 .4rem 1px .4rem
}

.floor a {
	display: block
}

.floor .title {
	color: #353d44;
	font-size: .56rem
}

.floor .sub-title {
	color: #909090;
	font-size: 12px;
	height: 18px;
	overflow: hidden
}

.floor img {
	width: 100%
}

.e-price {
	color: #e21d1d
}

.old-price {
	color: #cacaca;
	display: block;
	line-height: 1.2em
}

.floor-area {
	background: #FFF;
	overflow: hidden;
	margin-bottom: 1px
}

.l-title {
	position: relative;
	text-align: center;
	height: .8rem;
	margin-top: .5rem;
	margin-bottom: .5rem
}

.l-title .title {
	font-size: .6rem;
	background-color: #f2f2f2;
	color: #353d44;
	padding: 0 .4rem;
	display: inline-block
}

.l-title:after {
	content: '';
	display: block;
	border-bottom: 1px solid #dcdcdc;
	margin-top: -.5rem
}

.store-recommend-box img {
	min-height: 120px
}

.clock-icon {
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
	background-size: contain;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAABGdBTUEAALGPC/xhBQAAACFQTFRF/f39/f39/f39/f39/f39/f39/f39/f39/f39AAAA/f39ibYiGgAAAAp0Uk5TycaaTMGI5zERAGfGE4EAAADQSURBVBjTTZCxCsJADIYzurtUH0Css4OdBaE+gEJHUSi3qkOdFKHQ0bbQi5vSVsxTmsvV0x8O7rsc+ZMfkHVc0HZtLsDnQEZzSzltZno/It+QHjYZP+vVI2O6tAneQsRKeUyTGPH+5mr6RCgo6aiiBMoGO8JoAKfYUfqCyHeUN7AMHBU1qMyRboHQERKQ1HjO2pBiOyyVIf4pXay4izhYsYO4W7G7TGYVhVCZqUWVCnij3vcjb4TnNulKniSx+0tCUsLriMY2wakk2O/y/KX7AdoKugwMqknpAAAAAElFTkSuQmCC)
}

.app01 {
	height: .48rem
}

.app02 {
	height: .64rem;
	line-height: .64rem;
	font-size: .64rem;
	margin-bottom: .32rem;
	margin-top: .1rem
}

.app02 .title {
	float: left;
	color: #353d44;
	border-left: 5px solid #353d44;
	padding-left: .3rem
}

.app02 .more {
	display: block;
	float: right;
	font-size: .5rem
}

.app03 {
	height: 1rem;
	line-height: 1rem;
	font-size: .64rem;
	margin-bottom: .4rem;
	margin-top: .1rem;
	background-size: cover;
	background-position: center
}

.app03 .title {
	color: #353d44;
	text-align: center
}

.app04,.app04-2 {
	height: 8rem
}

.app04 img,.app04-2 img {
	min-height: 8rem
}

.app05,.app06 {
	text-align: center;
	padding: .48rem 0 0 0
}

.app05 .title,.app06 .title,.app23 .title {
	color: #7b7f82;
	font-size: .48rem;
	line-height: 2.4em
}

.app05 ul li,.app06 ul li {
	width: 20%;
	display: block;
	float: left;
	margin-bottom: .2rem
}

.app05 ul li {
	width: 25%
}

.app05 li img,.app06 li img {
	width: 1.6rem;
	height: 1.6rem;
	background-size: 100%
}

.app07 {
	position: relative
}

.app07 .count-text {
	position: absolute;
	right: 0;
	top: 0;
	font-size: .48rem;
	color: #fff;
	background-color: rgba(0,0,0,.5);
	padding: .1rem
}

.app07 .clock-icon {
	width: .5rem;
	height: .5rem;
	margin-bottom: .05rem
}

.app04-2 {
	position: relative
}

.app04-2 .clock-icon {
	width: .6rem;
	height: .6rem;
	margin-bottom: .1rem
}

.app04-2 .count-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: .6rem;
	color: #fff;
	background-color: rgba(0,0,0,.5);
	padding: .2rem;
	text-align: center
}

.app04-2 .count-text i {
	color: #e21d1d;
	background-color: #fff;
	border-radius: 2px;
	margin: 0 .08rem;
	padding: 0 .05rem
}

.app08 img {
	width: 5.2rem
}

.app08 li,.app09 li,.app21 li,.app27 li,.app29 li {
	height: 6.4rem
}

.app08 li a,.app10 li a,.app21 li a,.app27 li a,.app29 li a {
	position: relative;
	height: 100%
}

.app10 li {
	height: 3.2rem
}

.app10 img {
	width: 4rem;
	height: 3rem
}

.app14 img {
	width: 4.7rem;
	height: 4rem
}

.app13 li img {
	width: 4.7rem;
	height: 2rem
}

.app13 .cir {
	position: absolute;
	left: .45rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	width: .14rem;
	height: .14rem;
	border-radius: .07rem;
	background-color: #909090
}

.app11 img {
	width: 7.08rem;
	height: 3.2rem
}

.app16 a {
	padding: .2rem .3rem
}

.app13 li,.app14 li,.app16 li,.app18 li {
	width: 33.3%
}

.app16 .pro-title {
	height: 3em
}

.app16 .e-price,.app20-2 .e-price {
	color: #e21d1d;
	margin-top: .06rem
}

.app17 a {
	padding: .2rem .3rem 0 .3rem
}

.app19,.app20 {
	position: relative;
	height: 6.4rem;
	overflow: hidden
}

.app20-2 {
	position: relative;
	height: 6.8rem;
	overflow: hidden
}

.app19 img {
	height: 6.4rem;
	width: 4.4rem
}

.app19 li {
	line-height: 34px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	border-right: 1px solid #f2f2f2
}

.app19 li:last-child {
	border-right: none
}

.app19 a {
	position: relative;
	width: 4.4rem
}

.app19 .tit-box {
	background-color: rgba(0,0,0,.4);
	width: 100%;
	text-align: left;
	color: #fff;
	padding: 0 .3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px
}

.app20 a,.app20-2 a {
	position: relative;
	width: 4.4rem;
	min-height: 6.8rem;
	padding: .3rem .2rem 0 .2rem;
	display: block
}

.app20-2 a {
	padding: .2rem
}

.app20-2 img {
	min-height: 3.9rem
}

.app20 .app-scroller-wp,.app20-2 .app-scroller-wp {
	background-color: #fff
}

.app20 img {
	margin-top: .3rem
}

.app20-2 .pro-title {
	height: 3em
}

.app21 li:first-child img,.app27 li:last-child img {
	width: 5.2rem
}

.app21 li:last-child img,.app27 li:first-child img {
	width: 3.56rem;
	position: absolute;
	right: 0;
	bottom: 0
}

.app21 dl,.app22 dl,.app27 dl,.app28 dl,.app29 dl {
	height: 100%
}

.app25 img {
	width: 3.52rem;
	height: 2rem
}

.app21 dl>dd,.app22 dl>dd,.app27 dl>dd,.app28 dl>dd,.app29 dl>dd {
	height: 50%;
	overflow: hidden
}

.app23 li {
	width: 33.25%;
	height: 4rem;
	float: left;
	text-align: center;
	padding: .75rem 0;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	background-color: #fff
}

.app23 li:nth-child(3n) {
	border-right: none
}

.app23 li img {
	width: 1.6rem;
	height: 1.6rem;
	background-size: 100%
}

.app27 dd:last-child,.app28 dd:last-child,.app29 dd:last-child {
	width: 100%;
	display: table
}

.app27 dd:last-child a,.app28 dd:last-child a,.app29 dd:last-child a {
	display: table-cell;
	width: 50%
}

.app30 {
	overflow: visible;
	position: relative
}

.app33 .sn-tab-box,.app34 .sn-tab-box {
	display: none
}

.app33 .sn-tab-box.current,.app34 .sn-tab-box.current {
	display: block;
	min-height: 20rem
}

.app33 .sn-tab-box.marked,.app34 .marked {
	min-height: initial
}

.app33 .pro-list {
	background-color: #fff;
	padding: 0
}

.app33 .pro-item {
	border-bottom: 1px solid #dcdcdc;
	padding: .4rem;
	position: relative
}

.app33 .pro-item:last-child {
	border-bottom: none
}

.app33 .pro-img {
	float: left
}

.app33 .pro-title {
	margin-bottom: 1.14rem;
	height: 1.48rem;
	line-height: .74rem
}

.app33 .pro-img img {
	width: 4rem;
	min-height: 3.9rem;
	background-size: 100%
}

.app33 .e-price {
	margin-right: .1rem;
	font-size: .6rem;
	display: block;
	line-height: 1.2em
}

.app33 .cart-btn {
	display: inline-block;
	position: absolute;
	right: .4rem;
	bottom: .4rem
}

.app33 .tags {
	margin-top: .1rem
}

.app33 .tags .tag {
	background-color: #5552ad;
	display: inline-block;
	border-radius: 2px;
	margin-right: .2rem;
	width: .6rem;
	height: .6rem;
	line-height: .6rem;
	color: #FFF;
	font-size: .48rem;
	text-align: center
}

.app33 .tags .s-tag {
	background-color: #5552ad
}

.app34 {
	margin: 0 .2rem
}

.app34 .pro-title {
	height: 3em;
	margin-bottom: .1rem
}

.app34 .pro-list {
	padding: 0
}

.app34 .pro-item {
	margin-bottom: .4rem;
	padding: 0 .2rem;
	width: 50%;
	float: left
}

.app34 .pro-item a {
	background-color: #fff;
	text-align: center
}

.app34 .info-bar {
	background-color: #fff;
	padding: .15rem .2rem;
	position: relative;
	height: 3.3rem
}

.app34 .e-price {
	font-size: .6rem;
	display: block;
	line-height: 1.2em
}

.app34 .cart-btn {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background-image: url(images/list-cart.png);
	background-size: cover;
	position: absolute;
	bottom: .15rem;
	right: .2rem
}

.app08 li,.app09 li:first-child,.app10 li,.app13 li,.app14 li,.app16 li,.app17 li,.app18 li,.app20 li,.app20-2 li,.app25 li,.app21 li:first-child,.app11 li:first-child,.app27 li:first-child,.app27 dd:last-child a:first-child,.app28 dd:last-child a:first-child,.app29 dd:last-child a:first-child {
	border-right: 1px solid #f2f2f2
}

.app08 li:last-child a,.app10 li:last-child a,.app13 li:last-child,.app16 li:last-child a,.app17 li:last-child a,.app14 li:last-child,.app18 li:last-child,.app25 li:last-child a {
	border-right: none
}

.app18 li:nth-last-child a {
	border-color: transparent
}

.app28 li:last-child,.app29 li:last-child {
	border-left: 1px solid #f2f2f2
}

.app21 li dd:last-child,.app27 li dd:last-child {
	border-top: 1px solid #f2f2f2
}

.app22 li dd:last-child,.app24 li dd:last-child,.app28 li dd:last-child,.app29 li dd:last-child {
	border-top: 1px solid #f2f2f2
}

.app22 li:first-child,.app24 li:first-child {
	border-right: 1px solid #f2f2f2
}

.app22 {
	overflow: hidden;
	height: 6.34rem
}

.app16 img {
	min-width: 4rem;
	min-height: 4rem
}

.app18 img {
	min-width: 4.5rem;
	min-height: 6rem
}

.app09 img,.app22 li:first-child img,.app24 li:last-child img,.app28 li:last-child img {
	width: 7.08rem;
	height: 6.4rem
}

.app22 li:last-child img,.app22 dd img,.app24 dd img {
	width: 7.08rem;
	height: 3.18rem
}

.app07 img {
	width: 14.2rem;
	height: 3.2rem
}

.app17 img {
	min-width: 4rem;
	min-height: 2.28rem
}

.app25 dd:first-child img,.app28 dd:first-child img {
	width: 7.08rem;
	height: 3.18rem
}

.app25 dd:last-child img,.app28 dd:last-child img {
	width: 3.52rem;
	height: 3.18rem
}

.app34 img {
	width: 6.94rem;
	height: 6.94rem
}

.f-l-o-a-t-s-a-l-e {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000
}

.f-l-o-a-t-s-a-l-e .f-w {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12.8rem;
	height: 8rem;
	-webkit-transform: translate(-50%,-50%);
	z-index: 1002
}

.f-l-o-a-t-s-a-l-e a {
	display: block;
	position: absolute
}

.f-l-o-a-t-s-a-l-e .clo-se {
	left: 7.28rem;
	bottom: 0;
	width: 2.8rem;
	height: 1.1rem
}

.f-l-o-a-t-s-a-l-e .click {
	left: 2.24rem;
	bottom: 0;
	width: 4.6rem;
	height: 1.1rem
}

.f-l-o-a-t-s-a-l-e .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	z-index: 1001
}